/* pages/index/index.wxss */
.page{
    background-color: #f1f7ff;
    padding: 30rpx;
    min-height: 100vh;
    width: 100%;
    box-sizing: border-box;
    // 轮播
    .swiper{
        width: 690rpx;
        height: 224rpx;
        margin: auto;
        margin-bottom: 30rpx;
        .swiperImg{
            width: 686rpx;
            height: 224rpx !important;
        }
    }
    // 挂号缴费
    .Registered_payment{
        width: 100%;
        margin-bottom: 30rpx;
        display: flex;
        justify-content: space-between;
        // 挂号
        .registered{
            width: 330rpx;
            height: 164rpx;
            background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E4%BD%9C%E5%93%81%E9%A6%96%E9%A1%B5/u37.svg');
            background-size: cover;
            position: relative;
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
            .icon{
                width: 60rpx;
                position: absolute;
                left: 28rpx;
                top: 50%;
                transform: translateY(-50%);
            }
            .title{
                font-weight: 700;
                color: #fff;
                font-size: 36rpx;
                position: absolute;
                left: 112rpx;
                top: 30rpx;
            }
            .note{
                font-size: 26rpx;
                color: #fff;
                position: absolute;
                left: 112rpx;
                top: 98rpx;
            }
        }
        // 缴费
        .payment{
            width: 330rpx;
            height: 164rpx;
            background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E4%BD%9C%E5%93%81%E9%A6%96%E9%A1%B5/u42.svg');
            background-size: cover;
            position: relative;
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
            .icon{
                width: 70rpx;
                position: absolute;
                left: 28rpx;
                top: 50%;
                transform: translateY(-50%);
            }
            .title{
                font-weight: 700;
                color: #fff;
                font-size: 36rpx;
                position: absolute;
                left: 112rpx;
                top: 30rpx;
            }
            .note{
                font-size: 26rpx;
                color: #fff;
                position: absolute;
                left: 112rpx;
                top: 98rpx;
            }
        }
    }
    // 公告
    .Notice{
        width: 100%;
        height: 84rpx;
        background-color: #fff;
        border-radius: 12rpx;
        display: flex;
        align-items: center;
        margin-bottom: 30rpx;
        .title{
            font-family: 'Microsoft YaHei UI Bold Oblique', 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
            font-style: oblique;
            font-weight: 700;
            color: #000;
            margin: 0 20rpx 0 24rpx;
        }
        .splite{
            width: 4rpx;
            margin-right: 20rpx;
        }
        .scroolNotice{
            width: 502rpx;
            height: 34rpx;
            font-family: 'Microsoft YaHei UI', sans-serif;
            color: #555555;
            font-size: 28rpx;
        }
        .arrow{
            width: 26rpx;
        }
    }
    // 导航栏
    .navs{
        width: 100%;
        height: 44rpx;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 30rpx;
        .tabNav{
            width: 260rpx;
            display: flex;
            justify-content: space-between;
            font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
            font-size: 32rpx;
            font-weight: 700;
            .Nav{
                position: relative;
            }
            .left::after{
                content: '';
                width: 66rpx;
                height: 8rpx;
                background-color: rgba(22, 119, 255, 1);
                border-radius: 40rpx;
                position: absolute;
                left: 0rpx;
                bottom: -10rpx;
            }
        }
        .more{
            font-size: 28rpx;
            color: #7f7f7f;
        }
    }
    // 导航栏内容
    .Navcontent{
        width: 686rpx;
        height: 364rpx;
        background-color: #fff;
        border-radius: 12rpx;
        padding: 30rpx 30rpx 0;
        box-sizing: border-box;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 40rpx;
        .contents{
            width: 25%;
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 40rpx;
            .ConImg{
                width: 64rpx;
                height: 64rpx;
                background-color: rgba(186, 224, 255, 1);
                border-radius: 12rpx;
            }
            .ConText{
                font-family: 'Microsoft YaHei UI', sans-serif;
                font-size: 28rpx;
                color: #333;
                margin-top: 14rpx;
            }
        }
    }
    // 健康咨询
    .heathy{
        width: 100%;
        .toptitle{
            display: flex;
            justify-content: space-between;
            align-items: center;
            .title{
                font-family: 'Microsoft YaHei UI Bold', 'Microsoft YaHei UI', sans-serif;
                font-weight: 700;
                font-size: 32rpx;
            }
            .more{
                font-family: 'Microsoft YaHei UI', sans-serif;
                font-size: 28rpx;
                color: #7f7f7f;
            }
        }
        .column {
            .heathCard {
                margin-top: 30rpx;

                .cardInfo {
                    width: 690rpx;
                    // margin: auto;
                    padding: 26rpx 30rpx;
                    // padding-top: 26rpx;
                    // padding-left: 30rpx;
                    box-sizing: border-box;
                    height: 216rpx;
                    background-image: url('https://cdn8.axureshop.com/demo2024/2277624/images/%E9%A6%96%E9%A1%B5/u231.svg');
                    background-repeat: no-repeat;
                    background-size: cover;

                    .cardTitle {
                        display: flex;
                        justify-content: space-between;

                        .InfotitleText {
                            font-family: 'Microsoft YaHei UI', sans-serif;
                            font-size: 32rpx;
                            width: 400rpx;
                            overflow: hidden;
                            text-overflow: ellipsis;
                            display: -webkit-box;
                            -webkit-line-clamp: 2;
                            /* 显示两行 */
                            -webkit-box-orient: vertical;
                        }

                        .Infocover {
                            width: 120rpx;
                            height: 108rpx;
                            border-radius: 20rpx;
                            background-color: rgba(230, 244, 255, 1);
                        }
                    }

                    .cardFooter {
                        width: 100%;
                        margin-top: 30rpx;
                        display: flex;
                        justify-content: space-between;

                        .tags {
                            font-family: 'Microsoft YaHei UI', sans-serif;
                            font-size: 24rpx;
                            color: #1677FF;
                        }

                        .option {
                            display: flex;

                            .good {
                                display: flex;
                                align-items: center;

                                .GoodIcon {
                                    width: 30rpx;
                                    height: 30rpx;
                                    margin-right: 12rpx;
                                }

                                .count {
                                    font-family: 'Microsoft YaHei UI', sans-serif;
                                    font-size: 24rpx;
                                    color: #aaa;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}
// 智能客服
.customer{
    width: 110rpx;
    height: 110rpx;
    line-height: 110rpx;
    font-family: 'ArialMT', 'Arial', sans-serif;
    color: #fff;
    font-size: 24rpx;
    text-align: center;
    background-image: url('https://cdn8.axureshop.com/demo/2208121/images/%E4%BD%9C%E5%93%81%E9%A6%96%E9%A1%B5/u190.svg');
    background-size: cover;
    position: fixed;
    right: 30rpx ;
    bottom: 60rpx;
}